import React,{Component} from 'react';
import './know.css';
class GridExample extends Component{
  constructor(props){
    super(props);
    this.state={}
  }
  render(){
    return (
      <div className='know_container'>
        <h1 className='know_title border_bottom'>购买须知</h1>
        <div className='know_content dd_padding'>
          <div className='know_item'>
            <div className='know_item_title'>{'适用范围'}</div>
            <ul className='know_item_content'>
              <li>{'全场通用'}</li>
            </ul>
          </div>
          <div className='know_item'>
            <div className='know_item_title'>{'有效期'}</div>
            <ul className='know_item_content'>
              <li>{'2017.7.4 至 2017.10.31（周末、法定节假日通用）'}</li>
            </ul>
          </div>
          <div className='know_item'>
            <div className='know_item_title'>{'使用时间'}</div>
            <ul className='know_item_content'>
              <li>{'11:00-次日4:00,具体时间以门店实际营业时间为准'}</li>
            </ul>
          </div>
          <div className='know_item'>
            <div className='know_item_title'>{'使用规则'}</div>
            <ul className='know_item_content' style={{listStyleType:'disc',paddingLeft: '.55rem'}}>
              <li>{'无需预约，消费高峰时可能需要等位'}</li>
              <li>{'不可叠加使用'}</li>
              <li>{'不兑现、不找零'}</li>
              <li>{'可用包间，条件为：详询商户'}</li>
              <li>{'仅限堂食，不提供餐前外带，餐毕未吃完可打包，打包费详情咨询商家'}</li>
              <li>{'温馨提示：'}</li>
              <li>{'本团单为新客促销券，每桌仅限用一张，不可以叠加使用'}</li>
              <li>{'团购用户只能享受的优惠为9.8折闪惠买单'}</li>
              <li>{'酒水饮料等问题，请致电商家咨询，以商家反馈为准'}</li>
              <li>{'提供免费WiFi'}</li>
              <li>{'停车位收费标准：咨询商家'}</li>
            </ul>
          </div>
        </div>
      </div>
      )
  }
}
export default GridExample;